<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html lang="en">
    <!--<![endif]-->
    <!-- BEGIN HEAD -->

    <head>
        <meta charset="utf-8" />
        <title>HappyChat</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <!-- BEGIN GLOBAL MANDATORY STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
        <link href="font-awesome.min.css" rel="stylesheet" type="text/css" />
        <link href="../source/simple-line-icons.min.css" rel="stylesheet" type="text/css" />      
        <link href="../source/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../source/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
        <!-- END GLOBAL MANDATORY STYLES -->
        <!-- BEGIN PAGE LEVEL PLUGINS -->
        <link href="../source/select2.min.css" rel="stylesheet" type="text/css" />
        <link href="../source/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- END PAGE LEVEL PLUGINS -->
        <!-- BEGIN THEME GLOBAL STYLES -->
         <link href="../source/components-md.min.css" rel="stylesheet" id="style_components" type="text/css" />
        <link href="../source/plugins-md.min.css" rel="stylesheet" type="text/css" />
        <!-- END THEME GLOBAL STYLES -->
        <!-- BEGIN PAGE LEVEL STYLES -->
        <link href="../source/login.min.css" rel="stylesheet" type="text/css" />
        <!-- END PAGE LEVEL STYLES -->
        <!-- BEGIN THEME LAYOUT STYLES -->
        <!-- END THEME LAYOUT STYLES -->
        <link rel="../source/shortcut icon" href="favicon.ico" />
        <script type="text/javascript">
		function check(){
			if(document.getElementById("form1").username.value==""){
				alert("请输入用户名！");
				document.getElementById("form1").username.focus();
				return false;
			}
			if(document.getElementById("form1").password.value==""){
				alert("请输入密码名！");
				document.getElementById("form1").password.focus();
				return false;
			}
		}
</script>
    </head>
    <!-- END HEAD -->

    <body class=" login">
        <!-- BEGIN LOGO -->
        <div class="logo">
            <a href="index.html">
                <img src="../source/logo-big.png" alt="" /> </a>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN LOGIN -->
        <div class="content">
            <!-- BEGIN LOGIN FORM -->
            <form class="login-form" id = "form1" name = "form1" action="${pageContext.request.contextPath }/user" method="post" onSubmit="return check()">
                <h3 class="form-title font-green">欢乐聊天室</h3>
                <input type="hidden" name="method" value="login">
                <span><font color='#0099cc'>${msg}</font></span>
                <div class="alert alert-danger display-hide">
                    <button class="close" data-close="alert"></button>
                    <span> Enter any username and password. </span>
                </div>
                <div class="form-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">账号</label>
                    <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名" name="username" /> </div>
                <div class="form-group">
                    <label class="control-label visible-ie8 visible-ie9">密码</label>
                    <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="密码" name="password" /> </div>
                <div class="form-actions">
                    <button type="submit" class="btn green uppercase" style="width:340px">登陆</button>
                </div>
                <div class="create-account">
                    <p>
                        <a href="${pageContext.request.contextPath}/user?method=registPage" id="register-btn" class="uppercase">创建一个用户</a>
                    </p>
                </div>
            </form>
            <!-- END LOGIN FORM -->
            <!-- BEGIN FORGOT PASSWORD FORM -->
     
            <!-- END FORGOT PASSWORD FORM -->
        </div>
    </body>

</html>